<?xml version="1.0" encoding="UTF-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" xid="window" class="window" component="$model/UI2/system/components/justep/window/window" data-bind="component:{name:'$model/UI2/system/components/justep/window/window'}" __justepbasexid__="__baseID__" components="$model/UI2/system/components/justep/panel/panel,$model/UI2/system/components/justep/panel/child,$model/UI2/system/components/justep/contents/content,$model/UI2/system/components/justep/model/model,$model/UI2/system/components/justep/window/window,$model/UI2/system/components/justep/controlGroup/controlGroup,$model/UI2/system/components/justep/titleBar/titleBar,$model/UI2/system/components/justep/contents/contents,$model/UI2/system/components/justep/data/data,$model/UI2/system/components/justep/button/button,$model/UI2/system/components/justep/popOver/popOver,">  
  <div xmlns="" component="$model/UI2/system/components/justep/model/model" xid="model" style="display:none" data-bind="component:{name:'$model/UI2/system/components/justep/model/model'}" data-events="onLoad:modelLoad;onunLoad:modelUnLoad"/>  
  <div xmlns="" component="$model/UI2/system/components/justep/contents/contents" class="x-contents x-full" xid="contents1" data-bind="component:{name:'$model/UI2/system/components/justep/contents/contents'}" data-config="{&quot;active&quot;:0,&quot;swipe&quot;:false,&quot;wrap&quot;:false}"> 
    <div class="x-contents-content active" xid="main" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}"> 
      <div component="$model/UI2/system/components/justep/panel/panel" class="x-panel x-full" xid="panel1" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}"> 
        <div class="x-panel-top" xid="top1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
          <div component="$model/UI2/system/components/justep/titleBar/titleBar" class="x-titlebar" xid="titleBar1" data-bind="component:{name:'$model/UI2/system/components/justep/titleBar/titleBar'}" data-config="{&quot;title&quot;:&quot;加速度传感器&quot;}"> 
            <div class="x-titlebar-left" xid="div1"> 
              <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="backBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:backBtnClick" data-config="{&quot;icon&quot;:&quot;icon-chevron-left&quot;,&quot;label&quot;:&quot;&quot;}"> 
                <i xid="i2" class="icon-chevron-left"/>  
                <span xid="span1"/> 
              </a> 
            </div>  
            <div class="x-titlebar-title" xid="div2">加速度传感器</div>  
            <div class="x-titlebar-right " xid="div3"> 
              <div class="empty"/> 
            </div> 
          </div> 
        </div>  
        <div class="x-panel-content" xid="content3" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
          <div component="$model/UI2/system/components/justep/controlGroup/controlGroup" class="x-control-group" xid="controlGroup1" style="height:459px;" data-bind="component:{name:'$model/UI2/system/components/justep/controlGroup/controlGroup'}" data-config="{&quot;title&quot;:&quot;title&quot;}"> 
            <div xid="div7"> 
              <a component="$model/UI2/system/components/justep/button/button" class="btn x-yellow device-button-white" xid="shakeBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:shakeBtnClick" data-config="{&quot;disabled&quot;:true,&quot;label&quot;:&quot;摇一摇&quot;}"> 
                <i xid="i3"/>  
                <span xid="span3">摇一摇</span> 
              </a> 
            </div>  
            <div xid="div8" style="height:36px;" class="list-row"/>  
            <div xid="getAccDiv" class="list-row"> 
              <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link device-button-black" xid="getAccBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:getAccBtnClick" data-config="{&quot;disabled&quot;:true,&quot;label&quot;:&quot;获取当前设备加速度&quot;}"> 
                <i xid="i4"/>  
                <span xid="span4">获取当前设备加速度</span> 
              </a> 
            </div>  
            <div xid="listenDiv" class="list-row"> 
              <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link device-button-black" xid="listenBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:listenBtnClick" data-config="{&quot;disabled&quot;:true,&quot;label&quot;:&quot;监听设备加速度变化&quot;}"> 
                <i xid="i5"/>  
                <span xid="span5">监听设备加速度变化</span> 
              </a> 
            </div>  
            <div xid="stopDiv" class="list-row"> 
              <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link device-button-black" xid="stopBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:stopBtnClick" data-config="{&quot;disabled&quot;:true,&quot;label&quot;:&quot;停止监听设别加速度变化&quot;}"> 
                <i xid="i6"/>  
                <span xid="span6">停止监听设别加速度变化</span> 
              </a> 
            </div> 
          </div> 
        </div>  
        <div class="x-panel-bottom device-bottom" xid="bottom1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" data-config="{&quot;height&quot;:&quot;100&quot;}"> 
          <div xid="contentDiv" style="padding:10px 10px 10px 10px;"> 
            <div id="titleDiv" xid="titleDiv" data-bind="text:contentData.ref('title')"/>  
            <div id="xDiv" xid="xDiv" data-bind="text:contentData.ref('x')"/>  
            <div id="yDiv" xid="yDiv" data-bind="text:contentData.ref('y')"/>  
            <div id="zDiv" xid="zDiv" data-bind="text:contentData.ref('z')"/> 
          </div> 
        </div> 
      </div> 
    </div>  
    <div class="x-contents-content" xid="shake" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}"> 
      <div component="$model/UI2/system/components/justep/panel/panel" class="x-panel x-full" xid="panel2" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}"> 
        <div class="x-panel-top" xid="top2" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
          <div component="$model/UI2/system/components/justep/titleBar/titleBar" class="x-titlebar" xid="titleBar3" data-bind="component:{name:'$model/UI2/system/components/justep/titleBar/titleBar'}" data-config="{&quot;title&quot;:&quot;摇一摇&quot;}"> 
            <div class="x-titlebar-left" xid="div10"> 
              <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="yBackBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:yBackBtnClick" data-config="{&quot;icon&quot;:&quot;icon-chevron-left&quot;}"> 
                <i xid="i1" class="icon-chevron-left"/>  
                <span xid="span2"/> 
              </a> 
            </div>  
            <div class="x-titlebar-title" xid="div11">摇一摇</div>  
            <div class="x-titlebar-right " xid="div12"> 
              <div class="empty"/> 
            </div> 
          </div> 
        </div>  
        <div class="x-panel-content" xid="content2" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
          <div style="position:relative;height:100%;"> 
            <img src="@justepContextPath@/UI2/demo/device/process/accelerometer/center.jpg" alt="" xid="centerImage" height="100%" style="width:100%;"/>  
            <img src="@justepContextPath@/UI2/demo/device/process/accelerometer/top.jpg" alt="" id="topImage" xid="topImage" style="position:absolute;height:50%;width:100%;left:0;top:0;" height="50%"/>  
            <img src="@justepContextPath@/UI2/demo/device/process/accelerometer/bottom.jpg" alt="" id="bottomImage" xid="bottomImage" style="position: absolute;height:50%;width:100%;top:50%;" height="50%"/> 
          </div> 
        </div> 
      </div> 
    </div> 
  </div>  
  <div xmlns="" component="$model/UI2/system/components/justep/popOver/popOver" class="x-popOver" xid="popOver1" data-bind="component:{name:'$model/UI2/system/components/justep/popOver/popOver'}"> 
    <div class="x-popOver-overlay" xid="div5"/>  
    <div class="x-popOver-content" xid="div6"/> 
  </div> 
</div>
